<template>
  <el-form-item label="申请人" >
  <el-select v-model="form.applierName"
             filterable
             remote
             reserve-keyword
             placeholder="请输入关键词"
             :remote-method="remoteMethod"
             :loading="loading">
    <el-option
        v-for="item in ulist"
        :key="item.id"
        :label="item.nickName"
        :value="item.nickName">
    </el-option>
  </el-select>
  </el-form-item>
</template>

<script>
// import {listUser} from ...;


export default {
  name: "xxx",
  data() {
    return {
      ulist:[],
      uQueryParams:{}
    }
  },
  created() {
    this.getUlistFun();
  },
  methods: {
    getUlistFun(){
      listUser(this.uQueryParams).then(response => {
            this.loading = false;
            this.ulist = response.rows;
      });
    },
    remoteMethod(query) {
        this.loading = true;
        this.ulist = [];
        this.uQueryParams.nickName = query || '';
        this.getUlistFun();
    },
  }
}
</script>

